.self {
    width: min-content;
    height: 30px;
    display: flex;
    gap: 10px;
  
    > div {
      line-height: 30px;
    }
    .img {
      cursor: pointer;
      width: 20px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  
  .input {
    height: 30px;
    width: 44px;
    border: 1px solid var(--input-outline);
    padding: 3px 8px;
    border-radius: 4px;
    &:focus {
      border: 1px solid var(--input-outline);
    }
  }
  .error {
    border: 1px solid var(--alert) !important;
  }
  